<!DOCTYPE html>
<html lang="pl">
<head>
	<meta charset="utf-8">
	<title>formularz walidowany za pomocą skryptu PHP</title>
	<meta name="keywords" content="php, formularz, walidacja">
	<meta name="description" content=" formularz, który poddam walidacji w PHP po raz pierwszy w życiu">
</head>
<body>

	<form 	action="index.php" method="post" autocomplete="on">
	<p> Formularz walidowany za pomocą skrytpu w php </p>
		<fieldset>
			<fieldset>
				<p> 	
					<lablel> Imię
						<input type="text" name="fname"></input>
					</lablel>
				</p>
				<p>
					<label> Nazwisko
						<input type="text" name="fnazwisko"></input>
					</label>
				</p>
			</fieldset>
			
			<fieldset>
				<fieldset>
					<legend>możliwe wartosci: "Edward", "Antek", "Mieczyslaw"</legend>
					<p><label>search<input type="search" name="fsearch" placeholder="wpisz poszukiwaego studenta"></label></p> <!-- Trzeba zrobić tablicę z danymi studentów (imie i nazwisko) -->
				</fieldset>
				<p><label>telefon<input type="tel" name="ftel" placeholder="(555) 555-5555"></label></p>
				<p><label>url do storny internetowej<input type="url" name="furl"></label></p>
				<p><label>email <input type="email" name="femail"></label></p>
				
				<!-- 
				<p><label>hasło<input type="password" name="fpassword"></label></p>
				<p><label>data <input type="date" name="fdate"></label></p>
				<p><label>czas <input type="time" name="ftime"></label></p>
				<p><label>Number<input type="number" name="fnumber"></label></p>
				<p><label>Range<input type="range" name="frange"></label></p>
				<p><label>Color <input type="color" name="fcolor"></label></p>
				 -->
			
			
			
			</fieldset>
			
			
			<fieldset>
				<legend> Miesiac urodzin</legend>
    
				<p>
				    <label>
				        <span>Wybierz Miesiac       </span>
				        <input type=text list="months" id="miesiac" name="month_name"/>
				            <datalist id="months" >
				               <option value = "Styczeń">
                                <option value = "Luty">
                                <option value = "Marzec">
                                <option value = "Kwiecień">
                                <option value = "Maj">
                                <option value = "Czerwiec">
                                <option value = "Lipiec">
                                <option value = "Sierpień">
                                <option value = "Wrzesień">
                                <option value = "Październik">
                                <option value = "Listopad">
                                <option value = "Grudzień">
				            </datalist>
				       
    				</label>
				</p>
			</fieldset>
			
			<fieldset>
                    <legend>Plec</legend>
                    <p><label><input type="radio" name="sex" value="M">M</label></p>
                    <p><label><input type="radio" name="sex" value="K">K</label></p>
                    <p><label><input type="radio" name="sex" value="other">Inna</label></p>
               
                </fieldset>
			
			<fieldset>
                    <legend> interesujaca tematyka</legend>
                    <p><label><input type="checkbox" name="interests" value="kredyty">Kredyty i pozyczki</label></p>
                    <p><label><input type="checkbox" name="interests" value="pożyczki">Lokaty</label></p>
                    <p><label><input type="checkbox" name="interests" value="konta">Konta</label></p>
                   
                </fieldset>
                
            <!--     
			<fieldset>
                    <legend>Tresc wiadomosci (max 200 znakow)</legend>
                
                    <p>
                        <textarea  cols="20" rows="5" maxlength="200">
                                Proszę wpisać tresc wiadomosci
                        </textarea>
                    </p>
                </fieldset>
			 -->
			 
			<fieldset>
				<p><input type="submit">
				<p><input type="reset">
				<!-- <p><input type="button" value="bla bla"> -->
				
				
				<!-- 
				<fieldset>
                    <legend>Ocena serwisu
                    </legend>
                    <select>
                      
                        <optgroup label="dobrze">
                            <option>10</option>
                            <option>9</option>
                            <option>8</option>
                        </optgroup>
                       
                        <optgroup label="srednio">
                            <option>7</option>
                            <option>8</option>
                            <option>9</option>
                        </optgroup>
                        
                        <optgroup label="kijowo">
                           
                            <option>6</option>
                            <option>5</option>
                            <option>4</option>
                            <option>3</option>
                            <option>2</option>
                            <option>1</option>
                            <option>0</option>
                        </optgroup>
                    
                    </select>
                </fieldset>
                 -->
		
			</fieldset>
		</fieldset>
	</form>

</body>
</html>

<!--  Trzeba zrobić radiobutons, checbox, combo, dropdown list, date picker, color picker, 
województwa, miesiące, pory roku, dni tygodnia -->